系統功能

今天介紹的是「圖型配對」的題型。
前面介紹的都是針對文字類型的題目，這一題是為了小小孩設計的，針對不識字的小小孩，一般都會買圖像書給他們，例如買動物書，指著大象教他唸，所以這個功能是因應這樣的設計，同時為了達到不重覆的目的，所以每次也會以亂數的方式，做圖型的呈現。
這個題型在一般的情況下，你點了圖型就會唸出那個圖型的發音。
如果在遊戲的模式，會唸出某個圖型的發音，然後你要找出該發音對應的圖型按下去，預設是每5秒會重覆唸一次，直到你按對就會進入下一題，直到全部圖型都答案，會顯示你總共花了幾秒完成。

技術手法: game_match.js

技術上這個部份的 code 比較多，功能又很獨立，所以把程式碼抽出來做為獨立的程式，game_match.js. 由於它要被主程式 script.js 呼叫，所以要把它 export 出來。


import disableBtnStatus from "./common.js";
window.closeWrong = closeWrong;
window.matchFocus = matchFocus;
window.pressCard = pressCard;
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;

..


export default game_match;


在主程式 script.js ，要用 import 的方式載入後，才可以在程式中呼叫。

import game_match from "./game_match.js";

  if (curQuizType == "game_match") {
    game_match(curQuiz);
    return;
  }

語文學習22-衣服與飾物

1. 這件衣服有大一號的尺寸嗎？這件衣物只有這個尺寸
2. 那個紅色的包包多少錢？那個包包定價3000元，現在特價8折，只要2400元
3. 〖單字〗衣服種類
4. 〖單字〗飾物種類